<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
    <!--
    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #000000;
    }
    .oneColFixCtr #container {
    	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
    	background: #FFFFFF;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 1px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
    .oneColFixCtr #mainContent {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    }
    -->
    </style></head>

<body class="oneColFixCtr">

    <div id="container">
      <div id="mainContent">
      
      
      <div style="background-color:#00FF33;height:auto;width:956px;padding:2em;">

      <div style="position:relative;background-color:#00CCCC;width:300px;height:282px;float:left">
      
      	      <div style="width:100%;height:100%;float:left;opacity:0.50">
      				<img src="images/fondo_cria.png"/>	     	
		      </div>
              
              <div style="position:absolute;top:0;left:0;width:100%;height:100%;float:left;opacity:0.50">
      				   	
      				<img src="images/plantillaFotografia.png"/>	     	
		      </div>
      </div>
      <div style="width:300px;height:282px;float:left">
   	
			<div class="overlay_tipo1" style="top:25px; height:150px;">
				<label class="texto_h4">Ahorro</label>
			</div>
			<div class="overlay_tipo1" style="top:55px; width:232px; ">
				<div class="informa_tipo texto_contenido color_naranja"><label>3.000&#128;</label></div>									
			</div>
			<div class="overlay_tipo1" style="top:102px; height:150px; border-right: 1px dashed #E2E0E0;">
					<img src="images/casa.png"/>  
			</div>
			<div class="overlay_tipo1" style="top:252px; height:50px;" ></div>
	 	
      </div>
      <div style="background-color:#CC6600;width:232px;height:100px;float:left">
      
      	
      </div>
      <div style="background-color:red;width:232px;height:100px;float:left">
      
      	
      </div>
      
      <br style="clear:both" />
      </div>
      
    	<!-- end #mainContent --></div>
    <!-- end #container --></div>
    </body>
</html>
